<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>

<%@ include file="base.jsp" %>

<link rel="stylesheet" href="datepicker/themes/base/jquery.ui.all.css">		

	<div id="top" >
			<div class="navbar">
			
			  <div class="container">
				
				<a class="brand" href="#" style="color:black;">&nbsp;&nbsp;&nbsp;&nbsp;CRM</a>
				
				<div class="nav-collapse">
				  <ul class="nav">
				  	<li >&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</li>


					<li >
						<a  href="http://localhost:8080/crm/contact/addcontact.action">
							<button class="btn btn-default"><i class="icon-plus-sign"></i> 添加联系人</button>							
						</a>
					</li>

					<li >&nbsp;&nbsp;&nbsp;&nbsp;</li>
					<li class="dropdown" style="margin-top:10px">
					  <button class="btn btn-default dropdown-toggle" data-toggle="dropdown" >
					  	<i class="icon-plus-sign"></i> 添加新任务
					  </button>
					  <ul class="dropdown-menu">
					  	<li>						
							<form action="addtask.action" class="well form-vertical" method="post">
								<input  type="hidden" name="user.username" value="${session.nowUser.username }"/>
								add a new task<input type="text" name="task.cont"/>
								When's it start?<input type="text" id="datepicker" name="task.starttime"/>
								When's it end?<input type="text" id="date" name="task.endtime"/>
								Choose a category
								<div class="controls">
									<select id="multiSelect" name="task.type">									
										
										<c:forEach items="${typelist}" var="type">
											<option>${type.keya}</option>
										</c:forEach>								
									</select>
									<a href="tasktype.action">添加新类别</a>
								</div>
								
								<input type="hidden" name="task.userid" value="${session.nowUser.id }"/>
								
								<input type="checkbox" name="task.group"/> Let everyone see this task<br>
								<hr>
								<button type="submit" id="btnSubmit" class="btn btn-primary btn-mini">Add this task</button>
								<button class="btn btn-mini" data-toggle="dropup">Cancel</button>								
							</form>
						</li>
					  </ul>
					</li>
					<li>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</li>
				  </ul>
				  <form class="navbar-search pull-left" action="">
					<input type="text" class="search-query span4" placeholder="Jump to a contact, case, deal, or tag...">
				  </form>
				  <ul class="nav pull-right">
					<li class="dropdown">
					  <a href="#" style="color:black;" class="dropdown-toggle" data-toggle="dropdown">Account & setting <b class="caret"></b></a>
					  <ul class="dropdown-menu">
						<li><a href="#">Action</a></li>
						<li><a href="#">Another action</a></li>
						<li><a href="#">Something else here</a></li>
						<li class="divider"></li>
						<li><a href="#">Separated link</a></li>
					  </ul>
					</li>
					<li><a href="#" style="color:black;">Sign out</a></li>
				  </ul>
				</div>
			  </div>
    
			</div>			
		</div>
		<script type="text/javascript" src="datepicker/ui/jquery.ui.datepicker.js"></script>
	<script type="text/javascript" src="datepicker/ui/jquery.ui.core.js"></script>
	<script type="text/javascript" src="datepicker/ui/jquery.ui.datepicker-zh-CN.js"></script>
		<script type="text/javascript">
			$(function(){
						$("#datepicker").datepicker({
						
							minDate:0				
						});
						$("#date").datepicker({
							minDate:0				
						});
					});
		</script>
